<style> .galleriaClass{height:320px} 
.galleria-tooltip{padding:3px 8px;max-width:50%;background:#ffe;color:#000;z-index:3;position:absolute;font-size:11px;line-height:1.3;opacity:0;box-shadow:0 0 2px rgba(0,0,0,.4);-moz-box-shadow:0 0 2px rgba(0,0,0,.4);-webkit-box-shadow:0 0 2px rgba(0,0,0,.4);}
</style>
<div id="divGaleriaCasos" class="row-fluid" ng-controller="GaleriaCasosCtrl" ng-init="init()">

      <div class="row-fluid">
          <div class="span12">
          <div class="span1"></div>
          <div class="span10">
          <div class="containerBreadcrumb span10">
          <ul class="breadcrumb">
            <li ng-repeat="bread in breadList">
              <a title="{{bread.titulo}}" ng-click="breadClick(bread, $index)"  >{{breadLabel(bread)}}</a> <span class="divider">/</span> <!-- |truncate -->
            </li>					
          </ul> 
          </div>
          </div>
          </div>
      </div>
      <div class="row-fluid">
          <div class="span12">
          <div class="span1"></div>
          <div class="span10">
          <div class="marginAdminCheck" ng-show="$root.esAdmin"><input  id="chkModoAdmin" type="checkbox"  ng-model="modoAdminEdit"  > Modo Administracion </div><!--class="iphone-toggle"  checked="{{estaChequeado()}}"  -->   
          <div style="margin-top:10px;">         
          <button ng-show="breadList.length &gt; 0" ng-click="volver()"  class="btn btn-inverse"><i class="icon-arrow-left icon-white"></i>Volver</button>      
          <button ng-show="modoAdminEdit" ng-click="cmdAltaCaso()"  class="btn btn-success"><i class="icon-plus-sign icon-white"></i>Nuevo</button>
          <button ng-show="modoAdminEdit" ng-click="cmdMoverCasoTodos()"  class="btn btn-info"><i class="icon-share icon-white"></i>Mover Todos</button>
          <button ng-show="modoAdminEdit && casoMover != null" ng-click="confirm0('¿Esta seguro que desea pegar el/los caso/s en esta ubicación?', cmdPegarCaso)" title="{{labelMover()}}"  class="btn btn-inverse"><i class="icon-arrow-down icon-white"></i>Pegar aqui</button>
          </div>
          </div>
          </div>
      </div>
      <!--</div>
      </div>-->
      <div class="row-fluid">
        <div class="span12">
        <div class="span1"></div>
        <div ng-show="casoSelec == null" class="span10 cleanMarginSpan">
          <h1>Galeria de Casos</h1>
          <p>&nbsp;</p>
        </div>
        </div>
      </div>
       <div class="row-fluid">
       <div class="span12">
       <div class="span1"></div>
       <div class="span10"> 
      <ul class="span12 dashboard-list">
         <li ng-repeat="caso in casosList" class="span2" style="margin-left:0px;">
          <div>
          <a ng-click="clickCaso(caso)" > <img class="dashboard-avatar imgBorder" width="106" height="68" ng-src="{{rutaImagenCasoTh(caso)}}" ></img></a>
          </div>          
          <div>
          <a ng-click="clickCaso(caso)"><strong>{{caso.nombre}}</strong> </a>
          </div>
          <!--<strong>Desc:</strong>
          {{caso.descripcion}}   -->
          <!--<button ng-show="modoAdminEdit || (caso.listaCasos != null && caso.listaCasos.length > 0)" ng-click="clickCaso(caso)"  class="btn btn-primary">Siguiente</button>  Navega a traves de la seleccion  --><div ng-show="modoAdminEdit">
          <br/>
          <button ng-show="modoAdminEdit" ng-click="cmdModificarCaso(caso, $index)"  class="btn btn-inverse span7"><i class="icon-edit icon-white"></i>Modificar</button>
          <button ng-show="modoAdminEdit" ng-click="cmdMoverCaso(caso)"  class="btn btn-info span7"><i class="icon-share icon-white"></i>Mover</button>
          <button ng-show="modoAdminEdit" ng-click="confirm2('¿Esta seguro que desea eliminar este caso? (Se eliminaran todos los casos hijos)', cmdEliminarCaso, caso, $index)" class="btn btn-danger span7"><i class="icon-remove icon-white"></i>Eliminar</button> 
          </div>
        </li>    
      </ul>    
      </div>      
      </div>
        <!--  <li ng-repeat="caso in casosList">
          <a ng-click="verGaleriaImg(condet)"> <img class="dashboard-avatar" alt="Usman" ng-src="{{sourceImg(condet.codImagenPri)}}"></img></a>
          <strong>Nombre:</strong>
          <a href="#">{{condet.nombreUsuario}} </a>
          <br/>
          <strong>Fecha:</strong>
          {{fechaFormat(condet.fecha)}}
          <br/>
          <span ng-bind-html-unsafe="condet.consulta"></span>
          <button ng-click="cerrarGaleria(condet)" id="btnCerrarGaleria{{condet.id}}" style="display:none;" class="btn btn-primary">Cerrar Galeria</button>
          <div id="galleria{{condet.id}}" class="galleriaClass" style="display:none;">
           
                
          </div>
        </li>-->
      </div>
      <div class="row-fluid">
      <div class="span12">
      	<div class="span1"></div>
      <div class="spacerStyle span10"></div>
      </div>
      </div>
      <div class="row-fluid">
      <div class="span12">
      	<div class="span1"></div>
      <div class="span10 alignCenterDiv"><h4>{{casoSelec.nombre}} </h4></div>
      </div>
      </div>
      <div class="row-fluid">
      
      <div class="span12">
      	<div class="span3"></div>
      	<div id="galCentral" class="galleriaClass span6">            
      </div>
      </div>
      </div>
      <div class="row-fluid">
      <div class="span12">
      	<div class="span1"></div>
      <div class="span10 alignCenterDiv"><span>{{casoSelec.descripcion}}</span></div>
      </div>
      </div>
      
      
      <div class="modal hide fade" id="popAltaGaleria">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">x</button>
				<h3>Nuevo caso</h3>
			</div>
			<div  class="modal-body">				                          
          <form class="form-horizontal span10">
            <fieldset>
              <div class="control-group"> <label class="control-label" >Titulo:</label>
              <div class="controls"> <input class="input-xlarge" ng-model="casoNew.titulo"  value=""> </div>
              </div>
              <div class="control-group"> <label class="control-label" >Descripcion:</label>
              <div class="controls"> <textarea rows="5" cols="3" class="input-xlarge" ng-model="casoNew.descripcion" value="" /> </div>
              </div>
            </fieldset>
          </form> 
          
          
          <div id="divImagenesOrig" class="row-fluid">
              <div  class="span3 childImg" ng-repeat="img in casoEditBkp.listaImagenes" id-img="{{img.id}}">
                <div><img width="106" height="68" ng-src="{{urlImg}}{{img.nombre}}" class="dashboard-avatar" alt="Usman" ></img></div>
                <div class="alignCenterDiv">
                <button ng-click="borrarImagen(img, $index)"  class="btn btn-danger"><i class="icon-remove icon-white"></i></button></div> 
                <p>&nbsp;</p>
              </div>
          </div>
          
           <div class="alignCenterDiv"> 
              <div id="uploader" >
                <p>You browser doesn't have Flash </p>
              </div>
           </div>
			</div>
      
			<div class="modal-footer">	
          <button href="#" data-dismiss="modal" ng-click="cmdGuardarAltaCaso()"  class="btn btn-inverse">Guardar</button> 
          <button href="#" data-dismiss="modal"  class="btn btn-inverse">Cerrar</button> 
			</div>
		</div>
      
</div>